.quantity-control {
    display: flex;
    align-items: center;  /* Centrar verticalmente */
    justify-content: center;  /* Centrar horizontalmente */
    gap: 10px;  /* Espacio entre los botones y el número */
    margin-top: 30px;
}

.btn-quantity {
    background-color: #626466;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.2s;
}

.btn-quantity:hover {
    background-color: #8e9194;
}

.quantity-number {
    font-size: 18px;   /* Asegura que sea visible */
    font-weight: bold;
    min-width: 25px;   /* Evita que colapse */
    text-align: center;  /* Asegura que el número esté centrado */
    display: inline-block; /* Asegura que se mantenga visible */
    color: black !important;  /* Forzar color negro */
    margin: 0 15px;  /* Agregar margen a la izquierda y derecha */
}

.cart-item-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
    width: 100%; /* Asegura que ocupe todo el ancho disponible */
}

.cart-item-quantity {
    display: flex;
    align-items: center;
    gap: 5px;  /* Reducido de 10px a 5px */
}

/* Modificamos el contenedor de cantidad y precio unitario */
.quantity-price-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cart-item-price {
    color: #666;
    font-size: 0.9em;
    margin: 0;
    margin-left: 10px; /* Pequeño espacio después de los botones */
}

/* Para ajustar el espacio entre los botones y el número */
.quantity-count {
    margin: 0 3px;  /* Reducido el espacio entre los botones y el número */
}

.price-container {
    display: flex;
    flex-direction: row; /* Cambiado de column a row */
    align-items: center; /* Centrado vertical */
    gap: 10px; /* Espacio entre precio unitario y total */
}

.cart-item-total {
    color: #000;
    font-weight: bold;
    margin: 0;
    margin-left: auto; /* Empuja el total hacia la derecha */
}